<template>
  <div>
    <van-nav-bar
      title="精选专题"
      left-text="返回"
      left-arrow
      @click-left="$router.go(-1)"
    />
    
    <div>
      <img :src="list.pic" alt="" style="width: 100%" />
      <p v-html="list.descript"></p>
      <p></p>
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "demo",
  // 组件参数 接收来自父组件的数据
  props: [],
  // 局部注册的组件
  components: {},
  // 组件状态值
  data() {
    return {
      url: "",
      list: {},
    };
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {
    getlist() {
      this.url = this.$store.state.appurl;
      let id = this.$route.query.id;
      this.$axios.get(`${this.url}/cms/news/list?id=${id}`).then((res) => {
        this.list = res.data[0];
      });
    },
  },
  //生命周期
  created() {},
  mounted() {
    this.getlist();
  },
};
</script> 

<style scoped lang="scss">

</style>
